[{"name":"Background with Particle.js","slug":"background-particle-js","version":"2.0.0","author":"Maher Hossain","author_profile":"https://profiles.wordpress.org/maherhossain/","requires":"4.5.0","tested":"6.4.5","requires_php":"5.2.4","requires_plugins":[],"rating":84,"ratings":{"1":1,"2":0,"3":0,"4":0,"5":4},"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"downloaded":6860,"last_updated":"2024-03-07 5:21pm GMT","added":"2020-10-02","homepage":"http://maherhossain.com/particle-background","sections":{"description":"

Create an awesome Particle Banner using the particles.js JavaScript library to add cool particle effects to any WordPress page.

Fully customizable you can control everything from the dashboard with a graphical interface, no need to create a JSON file, just insert suitable values to create beautiful particle effects on your website.

Features

No configuration file needed, hassle free intrigation
Customize everything from Dashboard
Easy and understandable user guideline
Multiple Demo configuration
To display the particle js background select the page template as “Particle Background” or use the shortcode [particlejs-banner].

\n","installation":"

You may install the plugin using the three following method:

Upload the plugin file to your /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Pasete the short code ([particlejs-banner]) where you want to display the particle banner or select “Particle Background” as Page template
Configure your settings from Dashboard-> ParticleJs Banner and Save the Settings
Open the page and enjoy the Particle js effect

\n","faq":"\n

\nHow can I add my own particles.js config file?\n\n

No Need to create configuration file, everything is configurable from wordpress Dashboard, just go to Dashboard-> ParticleJs Banner and configure accordingly.

\nHow can I add text over the Particle Banner?\n\n

Go to Dashboard-> ParticleJs Banner, you will get a separate section for text and Call to action button configuration. Change the title, description and call to action button as per necissity.

\nHow may I change particle size, color and background?\n\n

Login to WordPress dashboard and click ParticleJs Banner then you can change everything from the relevent section. It is quite self explenatory.

\n\n","changelog":"

1.0.0

Release date: October 1, 2020

1.0.2

Release date: October 3, 2020
Fix center align text issue

1.1.0

Release date: April 27, 2021
Fix minor issue

1.2.0

Release date: March 2, 2022
Tested for WP new Version

1.3.0

Release date: March 2, 2022
Fixed bug

2.0.0

Release date: March 6, 2024
Fixed bug

\n","screenshots":"

$\"Particle$
Particle Background Setting Appearance
$\"Example$
Example of placing Shortcode to the page
$\"Example$
Example of selecting particle background as a page template
$\"Particle$
Particle Events fields
$\"Particle$
Particle Click Events fields
$\"Particle$
Particle settings options
$\"Particle$
Particle Movement and Line settings options

"},"short_description":"Easy to use Particle JS Background. Create powerful Particle banner from dashboard, no need to create configuration file.","download_link":"https://downloads.wordpress.org/plugin/background-particle-js.zip","screenshots":{"1":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-1.png?rev=2392229","caption":"Particle Background Setting Appearance"},"2":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-2.png?rev=2392229","caption":"Example of placing Shortcode to the page"},"3":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-3.png?rev=2392229","caption":"Example of selecting particle background as a page template"},"4":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-4.png?rev=2392229","caption":"Particle Events fields"},"5":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-5.png?rev=2392229","caption":"Particle Click Events fields"},"6":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-6.png?rev=2392229","caption":"Particle settings options"},"7":{"src":"https://ps.w.org/background-particle-js/assets/screenshot-7.png?rev=2392229","caption":"Particle Movement and Line settings options"}},"tags":{"particle-banner":"Particle banner","particle-js-background":"Particle JS Background","particle-js-slider":"Particle js slider","particlejs-banner":"ParticleJS Banner","particlejs-slider":"ParticleJS Slider"},"versions":[],"donate_link":"https://www.paypal.me/sheikhmunna13","icons":{"1x":"https://ps.w.org/background-particle-js/assets/icon-128x128.png?rev=2392229","2x":"https://ps.w.org/background-particle-js/assets/icon-256x256.png?rev=2392229"}}]

ParticleJS Banner

Background with Particle.js

Get New Themes & Resources